
<template>
<html lang="en">
     <div id="app">
    <my-header @login="name1= $event;show=true" @gg="show= false"></my-header>
    <div class="main">
        <div v-if="show">
            <my-txx :nologin="name1"></my-txx>
        </div>
         <div v-if="show==false">
            <div>尚未登录！！</div>
        </div>
    </div>
</div>
</html>
</template>
<script>
// @ is an alias to /src
import  myheader from '@/components/HeaderBar.vue'
import  mytxx from '@/components/htt.vue'
import Vue from 'vue'
export default {

  components: {
    "my-header":myheader,
    "my-txx":mytxx,
  },
  data(){
      return{
          name1:"",
          show:false,
      }
  }
}
</script>
 <style>
        .main{
            padding-top:40px;
            font-size:100px;
            text-align: center;
            min-height: 500px;
        }
        .header{
            padding :20px;
            padding-left: 150px;
            padding-right: 150px;
            background-color:teal;
        }
</style>
